<script setup lang="ts">
import { useBaseHooks } from '@/utils/hooks/baseHooks'

const { defaultUserImg } = useBaseHooks()
</script>

<template>
  <div class="account-info">
    <div class="user-avatar">
      <van-image
        round
        width="24vw"
        height="24vw"
        fit="cover"
        lazy-load
        :src="defaultUserImg"
      />
    </div>
    <van-cell-group>
      <van-cell title="账号" value="张三" is-link />
      <van-cell title="出生日期" value="1999-9-9" is-link />
      <van-cell title="性别" value="男" is-link />
    </van-cell-group>
  </div>
</template>
<style lang="scss" scoped>
.account-info {
  // margin: 0 15px;
  .user-avatar {
    text-align: center;
    padding: 40px 0;
    background: var(--vt-c-white)
  }
  .btn-list {
    margin: 40px 15px 0;
  }
}
</style>